<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/diwu.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.css">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="tubiao/iconfont.css">
    <style>
        /* 返回顶部 */
#myBtn {
    display: none;
    position: fixed;
    bottom: 300px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: black;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    width: 50px;
    height: 100px;
  }
  
  #myBtn:hover {
    background-color: red;
  }
  /* <!-- 浮窗 --> */

  .xuanfu{
      width: 50px;
      height: 250px;
      position: fixed;
      bottom: 400px;
      right: 30px;
    z-index: 99;
  }
.xuanfu>div{
    width: 50px;
    height: 50px;
    background-color: black;
    margin-top: 10px;
    text-align: center;
    line-height: 50px;
    
    color: white;
    border-radius: 10px;
   
}
.xuanfu>div:hover{
    background-color: red;
}
    </style>
</head>

<body>
    <!-- 浮窗 -->
 <div class="xuanfu">
<div><span class="iconfont icon-phonenum sp1"></span></div>
<div><span class="iconfont icon-phonenum sp1"></span></div>
<div><span class="iconfont icon-phonenum sp1"></span></div>
<div><span class="iconfont icon-phonenum sp1"></span></div>
</div>
    <!-- <----- -----!-- 固定图片 -------------->
<div class="gud">
    <img src="./img/foot_popup.png" alt="">
</div>

<script>
    // 获取图片和div对象
    var oImg=document.querySelector('img');
    var oDiv=document.querySelector('.gud')
    // 添加点击事件点击图片让div消失
oImg.addEventListener('click',function(){
    oDiv.style.display='none';
    // 设置延时器让他搁段时间出现
    // setTimeout(function(){
    //     //让div再出现
    //     oDiv.style.display="block"
        
    // }, 1000);
})


</script>
   <!------------------------------------- 返回顶部------------------------------- -->
   <button onclick="topFunction()" id="myBtn" title="回顶部">返回顶部</button>
   <script>
    // 当网页向下滑动 20px 出现"返回顶部" 按钮
    window.onscroll = function() {scrollFunction()};
     
    function scrollFunction() {console.log(121);
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
            document.getElementById("myBtn").style.display = "block";
        } else {
            document.getElementById("myBtn").style.display = "none";
        }
    }
     
    // 点击按钮，返回顶部
    function topFunction() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
    }
    </script>
    <!-- 头部广告栏 -->
    <div class="header">
        <a href="http://www.5lux.com/help/question/246">
            <img src="./img/11.png" alt="">
        </a>
    </div>
    <!-- 头部广告栏 结束-->
    <!-- 第二部分 小导航栏 -->
    <div class="two">
        <div class="two_yi">
            <div class="two_one">
                <p><span class="iconfont icon-shouye sp1"> <a href="http://www.5lux.com/">第五大道首页</a></span></p>
                <span class="padd">|</span>
                <p><span class="iconfont icon-phonenum sp1"> 贵宾专线：4008-6767-38 </span></p>

            </div>
            <div class="two_er">
                <ul>
                    <li><a href="./denglu.html">登录</a><span>|</span></li>
                    <li><a href="./zhuce.html">注册</a><span>|</span></li>
                    <li>我的第五大道<span>|</span></li>
                    <li>帮助中心<span>|</span></li>
                    <li>手机版下载</li>


                </ul>
            </div>
        </div>
    </div>

    <!-- 第三部分-->
    <div class="three">
        <div class="three_box">
            <div class="three_yi"><a href="http://www.5lux.com/"><img src="./img/22.jpg" width="240px"
                        height="110px"></a></div>
            <div class="three_er">

                <img src="./img/44.jpg" width="142px" height=90px">
            </div>
            <div class="three_san">
                <div class="three_san_01">
                    <div class="diyi"><input type="text" placeholder="太阳镜"></div>
                    <div class="dier">搜索</div>
                </div>
                <div class="three_san_02">
                    <ul>
                        <li><a href="http://www.5lux.com/good/list/127" target="_blank">连衣裙</a></li>
                        <li><a href="http://www.5lux.com/search/index?keyword=运动户外&amp;stoken=s8dfxs2s0" target="_blank">运动户外</a></li>
                        <li><a href="http://www.5lux.com/good/list/4" target="_blank">箱包</a></li>
                        <li><a href="http://www.5lux.com/good/list/165" target="_blank">配饰</a></li>
                        <li><a href="http://www.5lux.com/good/list/138" target="_blank">腕表</a></li>
                    </ul>
                </div>
            </div>
            <div class="three_si">
                <img src="./img/overseadef.jpg" alt="">
            </div>
            <div class="three_wu">
                <div class="fang">
                    <p><span class="iconfont icon-tianmao2 sp1"></span> (0)<span
                            class="iconfont icon-angle-right sp1"></span></p>


                </div>
            </div>
        </div>


        <!-- 第四部分 黑色导航栏 -->
        <div class="four">
            <div class="four_lan">
                <ul class="nav">
                    <li class="caid">商品分类
                        <ul style="width: 1000px;height: 500px;">
                            <li>品牌首发</li>
                            <li>最新商品</li>
                            <li>男士商品</li>
                            <li>女士商品</li>
                            <li>生活馆</li>
                            <li>海外馆</li>
                            <li>x箱包</li>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                            <li>美食</li>
                            <li>家具</li>
                            <li>电子</li>
                            <li>办公</li>
                            <li>礼品</li>
                        </ul>
                    </li>
                    <li>品牌<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>最新<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>女士<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>男士<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                            
                        </ul>
                    </li>
                    <li>生活馆<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>海外馆<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>时尚<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>特惠<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>礼品区<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>到店<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>

                        </ul>
                    </li>
                    <li>海外服务<span></span>
                        <ul>
                            <li>服装</li>
                            <li>腕表</li>
                            <li>服饰</li>
                            <li>鞋子</li>
                            <li>母婴</li>
                            <li>美酒</li>
                        </ul>
                    </li>
                    <li>vip</li>
                </ul>
            </div>
        </div>
        
        <!-- 第五部分 无缝切换轮播图 -->
        <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.js"></script>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./img/1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./img./2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./img./3.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./img./4.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./img./5.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./img./6.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <div class="swiper-scrollbar"></div>
        </div>
        <!-- 导航等组件可以放在container之外 -->
        <script src="./javascripts/lunbotu.js"></script>
        <!-- 第六部分 -->
        <div class="six">
            <img src="./img/66.png" alt="">
        </div>
        <!-- 第七部分 五张图片 -->
        <div class="sever">
            <div class="sever_one"><a href="./xiangqing.html"><img src="./img/01.jpg" alt=""></a></div>
            <div class="sever_two"><a href="./shangping2.html"><img src="./img/02.jpg" alt=""></a></div>
            <div class="sever_three"><a href="./page.html"><img src="./img/03.jpg" alt=""></a></div>
            <div class="sever_four"><img src="./img/04.png" alt=""></div>
            <div class="sever_fiva"><img src="./img/05.jpg" alt=""></div>
        </div>
        <!-- 第八部分 -->
        <div class="eight"> <img src="./img/0.jpg" alt=""></div>
        <!-- 第九部分 热门旗舰店 -->
        <div class="none">
            <div><img src="./img/0-1.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-2.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-3.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-4.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-5.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-6.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-7.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-8.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-9.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-10.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-11.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-12.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-13.png" width="107px" height="53px"><p>第五大道</p></div>
            <div><img src="./img/0-14.png" width="107px" height="53px"><p>第五大道</p></div>
        </div>
        <!-- 第十部分 海外生活  -->

        <div class="teng"><img src="./img/00.jpg" alt=""></div>
        <!-- 第十一部分 四张图片 -->
        <div class="eleven">
            <div><img src="./img/1-1.jpg" alt=""></div>
            <div><img src="./img/1-2.jpg" alt=""></div>
            <div><img src="./img/1-3.jpg" alt=""></div>
            <div><img src="./img/1-4.jpg" alt=""></div>
        </div>
        <!-- 第十二部分 商场同款 -->
        <div class="shier"><img src="./img/0-0.jpg" alt=""></div>
        <!-- 第十三部分  切换图片 -->
       

        <div class="tab">
            <ul class="tab-list">
                <li>热卖品牌</li>
                <li>新品推荐</li>
                <li>生活方式</li>
            </ul>
            <ul class="tab-content">
                <li>
                    <img src="./img/0+1.png" alt="">
                </li>
                <li style="display: none;">
                      <img src="./img/0+2.png" alt=""></li>
                <li style="display: none;"> 
                     <img src="./img/0+3.png" alt=""></li>
            </ul>
        </div>
            <script src="./javascripts/tap.js"></script>


      <!-- 第十四部分 -->
        <div class="shisi">
            <img src="./img/0-2-1.jpg" alt="">
        </div>

        <!-- 第十五部分  五个文字模块 -->
        <ul class="shiwu">
            <li>经典箱包</li>
            <li>典藏腕表</li>
            <li>精致配饰</li>
            <li>个护化妆</li>
            <li>时尚鞋服</li>
        </ul>
        <!-- 第十六部分  经典箱包 -->
        <div class="shiliu">
            <img src="./img/1=1.jpg" alt="">
            <div class="shiliu_01">
                <span>SHOW MMRE</span>
                <span> >> </span>
            </div>
        </div>
<script src="./libs/jQuery.js"></script>
<!-- 滚动吸顶 -->
        <script>
            $(function(){
               $(window).scroll(function(){
                   var scroll_top = document.body.scrollTop || document.documentElement.scrollTop;
                   console.log(scroll_top);
                   if(scroll_top > 2760 ){
                       $(".shiwu").addClass("shiwu-fax");
                   }else{
                    $(".shiwu").removeClass("shiwu-fax");
                   }
               }) 
            })
        </script>

        <!-- 经典箱包布局 -->
        <div class="xiangbao">
            <div class="xiangbao_one">
                <ul class="xiangbao_yi">
                    <li>单肩包</li>
                    <li>手提包</li>
                    <li>手提斜挎包</li>
                    <li>双肩包</li>
                    <li>手拿包</li>
                    <li>钱包</li>
                    <li>小皮件</li>
                    <li>旅行箱/包</li>
                    <li>斜挎包</li>
                    <li>化妆箱/包</li>
                </ul>
                <div class="xiangbao_er">
                    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.js"></script>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="./img2/lb1.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb2.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb3.png" alt=""></div>
                        
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
            
                        <!-- 如果需要导航按钮 -->
                        <!-- <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div> -->
                        <script src="./javascripts/lunbotu.js"></script>
                        <!-- 如果需要滚动条 -->
                        <div class="swiper-scrollbar"></div>
                    </div>
                </div>
            </div>
            

            <div class="xiangbao_two"><img src="./img/10-5.jpg" alt=""></div>
            <div class="xiangbao_three">
            <div><img src="./img/10-1.jpg" alt=""></div>
            <div style="margin-top: 7px;"><img src="./img/10-2.jpg" alt=""></div>
            </div>
            <div class="xiangbao_four">
                <div><img src="./img/10-3.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/10-4.jpg" alt=""></div>

            </div>

        </div>
        <!-- 第十七部分 典藏腕表 -->
        <div class="shiliu">
            <img src="./img/22-22.jpg" alt="">
            <div class="shiliu_01">
                <span>SHOW MMRE</span>
                <span> >> </span>
            </div>
        </div>
        <!-- 典藏腕表布局 -->
        <div class="xiangbao">
            <div class="xiangbao_one">
                <ul class="xiangbao_yi">
                    <li>时尚</li>
                    <li>瑞表</li>
                    <li>德国</li>
                    <li>限量版</li>
                    <li>法国</li>
                    <li>机械腕表</li>
                    <li>石英腕表</li>
                    <li>电子表</li>
                    <li>机械表</li>
                    <li>石英表</li>
                </ul>
                <div class="xiangbao_er">
                    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.js"></script>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="./img2/lb1.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb2.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb3.png" alt=""></div>
                        
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
            
                        <!-- 如果需要导航按钮 -->
                        <!-- <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div> -->
                        <script src="./javascripts/lunbotu.js"></script>
                        <!-- 如果需要滚动条 -->
                        <div class="swiper-scrollbar"></div>
                    </div>
                </div>
            </div>
            <div class="xiangbao_two"><img src="./img/22-1.jpg" alt=""></div>
            <div class="xiangbao_three">
                <div><img src="./img/22-2.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/22-3.jpg" alt=""></div>
            </div>
            <div class="xiangbao_four">
                <div><img src="./img/22-4.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/22-5.jpg" alt=""></div>

            </div>

        </div>
        <!-- 第十八部分  精致配饰 -->
        <div class="shiliu">
            <img src="./img/33-33.jpg" alt="">
            <div class="shiliu_01">
                <span>SHOW MMRE</span>
                <span> >> </span>
            </div>
        </div>
        <!-- 精致配饰布局 -->
        <div class="xiangbao">
            <div class="xiangbao_one">
                <ul class="xiangbao_yi">
                    <li>首饰</li>
                    <li>腰带</li>
                    <li>领带/领结</li>
                    <li>丝巾</li>
                    <li>帽子</li>
                    <li>手套</li>
                    <li>伞</li>
                    <li>挂饰</li>
                    <li>手杖</li>
                    <li>眼镜/镜架</li>

                </ul>
                <div class="xiangbao_er">
                    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.js"></script>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="./img2/lb1.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb2.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb3.png" alt=""></div>
                        
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
            
                        <!-- 如果需要导航按钮 -->
                        <!-- <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div> -->
                        <script src="./javascripts/lunbotu.js"></script>
                        <!-- 如果需要滚动条 -->
                        <div class="swiper-scrollbar"></div>
                    </div>
                </div>
            </div>
            <div class="xiangbao_two"><img src="./img/33-1.jpg" alt=""></div>
            <div class="xiangbao_three">
                <div><img src="./img/33-2.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/33-3.jpg" alt=""></div>
            </div>
            <div class="xiangbao_four">
                <div><img src="./img/33-4.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/33-5.jpg" alt=""></div>

            </div>

        </div>
        <!-- 第十九部分  个护化妆 -->
        <div class="shiliu">
            <img src="./img/44-44.jpg" alt="">
            <div class="shiliu_01">
                <span>SHOW MMRE</span>
                <span> >> </span>
            </div>
        </div>
        <!--个护化妆布局 -->
        <div class="xiangbao">
            <div class="xiangbao_one">
                <ul class="xiangbao_yi">
                    <li>护肤</li>
                    <li>彩妆</li>
                    <li>香水</li>
                    <li>美体</li>
                    <li>套装精品</li>
                    <li>旅行套装</li>
                    <li>美妆工具</li>
                    <li>全身护理</li>
                    <li>神奇面霜</li>
                    <li>古龙水</li>
                </ul>
                <div class="xiangbao_er">
                    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.js"></script>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="./img2/lb1.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb2.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb3.png" alt=""></div>
                        
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
            
                        <!-- 如果需要导航按钮 -->
                        <!-- <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div> -->
                        <script src="./javascripts/lunbotu.js"></script>
                        <!-- 如果需要滚动条 -->
                        <div class="swiper-scrollbar"></div>
                    </div>
                </div>
            </div>
            <div class="xiangbao_two"><img src="./img/44-1.jpg" alt=""></div>
            <div class="xiangbao_three">
                <div><img src="./img/44-2.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/44-3.jpg" alt=""></div>
            </div>
            <div class="xiangbao_four">
                <div><img src="./img/44-4.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/44-5.jpg" alt=""></div>

            </div>

        </div>
        <!-- 第二十部分  时尚鞋服 -->
        <div class="shiliu">
            <img src="./img/55-55.jpg" alt="">
            <div class="shiliu_01">
                <span>SHOW MMRE</span>
                <span> >> </span>
            </div>
        </div>
        <!-- 时尚鞋服布局 -->
        <div class="xiangbao">
            <div class="xiangbao_one">
                <ul class="xiangbao_yi">
                    <li>上装</li>
                    <li>裤装</li>
                    <li>裙装</li>
                    <li>内衣</li>
                    <li>套装</li>
                    <li>运动服</li>
                    <li>连衣裙</li>
                    <li>复古</li>
                    <li>欧美</li>
                    <li>修身</li>
                </ul>
                <div class="xiangbao_er">
                    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.js"></script>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="./img2/lb1.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb2.png" alt=""></div>
                            <div class="swiper-slide"><img src="./img2/lb3.png" alt=""></div>
                        
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
            
                        <!-- 如果需要导航按钮 -->
                        <!-- <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div> -->
                        <script src="./javascripts/lunbotu.js"></script>
                        <!-- 如果需要滚动条 -->
                        <div class="swiper-scrollbar"></div>
                    </div>
                </div>
            </div>
            <div class="xiangbao_two"><img src="./img/55-1.jpg" alt=""></div>
            <div class="xiangbao_three">
                <div><img src="./img/55-2.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/55-3.jpg" alt=""></div>
            </div>
            <div class="xiangbao_four">
                <div><img src="./img/55-4.jpg" alt=""></div>
                <div style="margin-top: 7px;"><img src="./img/55-5.jpg" alt=""></div>

            </div>
        </div>

        <!-- 第二十一部分 主题活动 -->
        <div class="eryi"><img src="./img/1111.jpg" alt=""></div>
        <!-- 三张图片 -->
        <div class="eryione">
            <div><img src="./img/01-1.jpg" alt=""></div>
            <div><img src="./img/01-2.jpg" alt=""></div>
            <div><img src="./img/01-3.jpg" alt=""></div>
        </div>

        <div class="eryitwo">
            <div><img src="./img/01-4.jpg" alt=""></div>
            <div><img src="./img/01-5.jpg" alt=""></div>
            <div><img src="./img/01-6.jpg" alt=""></div>
        </div>

        <!-- tab切换 -->
        <div class="baba">
            <div class="aone">
                <div><img src="./img/l2.jpg" alt=""></div>
                <div><img src="./img/l3.jpg" alt=""></div>
                <div><img src="./img/l4.jpg" alt=""></div>
                <div><img src="./img/l5.jpg" alt=""></div>
                <div><img src="./img/l6.jpg" alt=""></div>
                <div><img src="./img/l7.jpg" alt=""></div>
        </div>
            <div class="atwo">
            <div><img src="./img/111-1.jpg" alt=""></div>
            <div><img src="./img/111-2.jpg" alt=""></div>
            <div><img src="./img/111-3.jpg" alt=""></div>
            <div><img src="./img/111-4.jpg" alt=""></div>
            <div><img src="./img/111-5.jpg" alt=""></div>
            <div><img src="./img/111-6.jpg" alt=""></div>
             
        </div>
        </div>
<script src="./javascripts/tab2.js"></script>
        
        <!-- 第二十二部分  最后三步 -->
        <div class="box">
            <!-- 第一步 -->
            <div class="box_one">
                <ul>
                    <li>
                       <a href="xxx"> <img src="./img/1+1.jpg" alt=""></a>
                        <div>
                            <p>正品保障</p>
                            <p>品牌授权 官方验证</p>
                        </div>
                    </li>
                    <li>
                        <a href="xxx"><img src="./img/1+2.jpg" alt=""></a>
                        <div>
                            <p>专柜发货</p>
                            <p>专柜直接到店里自提</p>
                        </div>
                    </li>
                    <li>
                        <a href="xxx"><img src="./img/1+3.jpg" alt=""></a>
                        <div>
                            <p>无忧售后</p>
                            <p>七天无理由退换货</p>
                        </div>
                    </li>
                    <li>
                        <a href="xxx"><img src="./img/1+4.jpg" alt=""></a>
                        <div>
                            <p>vip服务</p>
                            <p>享品牌会员售前售后服务</p>
                        </div>
                    </li>
                    <li>
                        <a href="xxx"><img src="./img/1+5.jpg" alt=""></a>
                        <div>
                            <p>权威荣耀</p>
                            <p>商务部授予诚信示范企业</p>
                        </div>
                    </li>
                </ul>
            </div>

            <!-- 第二步 -->
            <div class="box_two">
                <ul>
                    <li>
                        <span>服务保障</span>
                        <span><a href="http://www.5lux.com/help/question/114" target="_blank">品牌授权正品</a></span>
                        <span><a href="http://www.5lux.com/help/question/172" target="_blank">品牌客服</a></span>
                        <span><a href="http://www.5lux.com/help/question/178" target="_blank">预约到店体验</a></span>
                        <span><a href="http://www.5lux.com/help/question/105" target="_blank">7天无理由退换</a></span>
                    </li>
                    <li>
                        <span>使用帮助</span>
                        <span><a href="http://www.5lux.com/help/question/26" target="_blank">常见问题</a></span>
                        <span><a href="http://www.5lux.com/help/question/40" target="_blank">会员制度</a></span>
                        <span><a href="http://www.5lux.com/help/question/57" target="_blank">集团采购</a></span>
                        <span><a href="http://www.5lux.com/help/question/93" target="_blank">礼品卡</a></span>
                    </li>
                    <li>
                        <span>支付方式</span>
                        <span><a href="http://www.5lux.com/help/question/37" target="_blank">到店付款</a></span>
                        <span>货到付款</span>
                        <span><a href="http://www.5lux.com/help/question/38" target="_blank">在线支付</a></span>
                        <span><a href="http://www.5lux.com/help/question/82" target="_blank">余额支付</a></span>
                        <span><a href="http://www.5lux.com/help/question/109" target="_blank">分期付款</a></span>
                    </li>
                    <li>
                        <span>配送方式</span>
                        <span><a href="http://www.5lux.com/help/question/89" target="_blank">配送说明</a></span>
                        <span><a href="http://www.5lux.com/help/question/178" target="_blank">专柜自提</a></span>
                        <span><a href="http://www.5lux.com/help/question/173" target="_blank">验货签收</a></span>
                        <span>验货签收</span>
                    </li>
                    <li>
                        <span>售后服务</span>
                        <span><a href="http://www.5lux.com/help/question/85" target="_blank">品牌售后</a></span>
                        <span><a href="http://www.5lux.com/help/question/85" target="_blank">售后咨询</a></span>
                        <span><a href="http://www.5lux.com/help/question/105" target="_blank">退换政策</a></span>
                        <span><a href="http://www.5lux.com/help/question/26" target="_blank">发票保障</a></span>
                    </li>
                    <li>
                        <span>第五大道APP</span>
                        <span><img src="./img/erweima1.jpg" alt=""></span>
                    </li>
                    <li>
                        <span>第五大道微博</span>
                        <span><img src="./img/erweima2.jpg" alt=""></span>
                    </li>
                </ul>
            </div>
            <!--第三步  -->
            <div class="dibu">
                <div class="dibu_one">
                    <ul>
                        <li><a href="http://www.5lux.com/good/list/4" target="_blank">箱包</a><span>|</span></li>
                        <li><a href="http://www.5lux.com/good/list/107" target="_blank">服饰</a><span>|</span></li>
                        <li><a href="http://www.5lux.com/good/list/138" target="_blank">腕表</a><span>|</span></li>
                        <li><a href="http://www.5lux.com/good/list/165" target="_blank">配饰</a><span>|</span></li>
                        <li><a href="http://www.5lux.com/good/list/143" target="_blank">鞋靴</a><span>|</span></li>
                        <li><a href="http://www.5lux.com/activity" target="_blank">特惠</a><span>|</span></li>
                        <li><a href="http://www.5lux.com/gift" target="_blank">礼品区</a></li>
                    </ul>
                </div>
                <div class="dibu_two">
                    <ul>
                        <li>关于第五大道<span>|</span></li>
                        <li>网站地图<span>|</span></li>
                        <li>品牌合作专区<span>|</span></li>
                        <li>媒体聚焦<span>|</span></li>
                        <li>商务合作<span>|</span></li>
                        <li>商家合作<span>|</span></li>
                        <li>加入第五大道<span>|</span></li>
                        <li>友情链接<span>|</span></li>
                        <li>奢尚志<span>|</span></li>
                        <li>联系我们<span>|</span></li>
                        <li>投诉建议</li>
                    </ul>
                    <p>
                        Copyright © 2008-2014 瑞美嘉信国际信息技术（北京）有限公司&nbsp;版权所有京ICP备09012701号-1

                        <span>京东网安备 11010102003747号</span>|<span>营业执照</span>
                    </p>
                </div>

                <div class="dibu_three">
                    <a href="xxx"><img src="./img/yi.jpg" alt=""></a>
                    <a href="xxx"><img src="./img/er.jpg" alt=""></a>
                    <a href="xxx"><img src="./img/san.jpg" alt=""></a>
                </div>
            </div>

        </div>
</body>

</html>